<template>
    <el-tabs id="padding" v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="未读" name="first">有一份邮件</el-tab-pane>
        <el-tab-pane label="已读" name="second">任务完成</el-tab-pane>
        <el-tab-pane label="待处理" name="third">null</el-tab-pane>
    </el-tabs>
</template>

<script>
export default {
    data() {
        return {
            activeName: 'first'
        }
    },
    methods: {
        handleClick(tab, event) {

        }
    }
}
</script>

<style lang="scss" scoped>
.is-top {
    padding-left: 20px !important;
}
#padding {
    padding-left: 20px;
}
</style>
